@import "../../../../../assets/css/Master/index";

.Lyrics {
  width: 100%;
  font-size: @fontSize18;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  animation: myfirst .25s;
  -webkit-animation: myfirst .25s;
  .content {
    margin-right: 2rem;
    width: 88%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    position: relative;
    .icon {
      margin-right: 2rem;
      margin-left: -.3rem;
      margin-top: .5rem;
      opacity: .2;
      //color: #fff;
      color: rgba(0, 0, 0, 1);
      i {
        //font-size: 2rem;
      }
    }
    .active {
      color: #000;
      opacity: 1;
    }
    .div {
      margin-bottom: 2.5rem;
      line-height: 2.8rem;
      font-size: 1.8rem;
      font-family: Georgia;
    }
  }
  .borde {
    &:before {
      content: '';
      position: absolute;
      left: 0.5rem;
      top: 16%;
      width: .5rem;
      height: 80%;
      border-left: 1px dashed rgba(0, 0, 0, .04);
    }
  }
  .bordes {
    &:before {
      content: '';
      position: absolute;
      left: 0.5rem;
      top: 25%;
      width: .5rem;
      height: 70%;
      border-left: 1px dashed rgba(255, 255, 255, .1);
    }
  }
}
